<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-with, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scarable=no">
<title>投票通道</title>
<link rel="stylesheet" href="stylemid.css">
</head>
<body>
    <div>
        <div class="header">
            <div class="zi">2020最受观众喜爱电影</div>
            <span>...</span>
        </div>
        <div class="passage">
            <p>2020年电影节隆重开幕，为使这一年一度的电影节更有意义，特此选取具有影响力的知名电影若干部，由观众选出最喜爱电影，每位观众可为三部电影投票，快来为喜爱的电影投票吧！</p>
        </div>
        <div class="top">
            <div class="t2">
                <img src="img/图片3.png" alt="">
                <span>花木兰</span>
                <span class="tou2">投票</span>
            </div>
            <div class="t1">
                <img src="img/图片01.png" alt="">
                <span>急先锋</span>
                <span class="tou1">投票</span>
            </div>
            <div class="t3">
                <img src="img/图片2.png" alt="">
                <span>八佰</span>
                <span class="tou3">投票</span>
            </div>
        </div>
        <div class="mid">
            <div class="m1">
                <div class="num">
                    <h2>04</h2>
                </div>
                <div class="pic">
                    <img src="img/图片1.png" alt="">
                </div>
                <div class="pop">
                    <h2>一点就到家</h2>
                    <h2>票数:10w</h2>
                </div>
                <span class="tou4">投票</span>
            </div>
            <div class="m2">
                <div class="num">
                    <h2>05</h2>
                </div>
                <div class="pic">
                    <img src="img/图片6.png" alt="">
                </div>
                <div class="pop">
                    <h2>荞麦疯长</h2>
                    <h2>票数:9.5w</h2>
                </div>
                <span class="tou4">投票</span>
            </div>
            <div class="m2">
                <div class="num">
                    <h2>06</h2>
                </div>
                <div class="pic">
                    <img src="img/图片12.png" alt="">
                </div>
                <div class="pop">
                    <h2>最美逆行</h2>
                    <h2>票数:8.7w</h2>
                </div>
                <span class="tou4">投票</span>
            </div>
            <div class="m2">
                <div class="num">
                    <h2>07</h2>
                </div>
                <div class="pic">
                    <img src="img/图片10.png" alt="">
                </div>
                <div class="pop">
                    <h2>东北往事</h2>
                    <h2>票数:7.7w</h2>
                </div>
                <span class="tou4">投票</span>
            </div>
        </div>
        <div class="under">
            <div class="u1">
                <div class="un1">
                    <div class="a">
                        <h3>08</h3>
                    </div>
                    <div class="b">
                        <img src="img/图片11.png" alt="">
                    </div>
                    <div class="c">
                       <h3>坐在我身后的女孩</h3>
                    </div>
                    <div class="d">
                     投票
                    </div>
                </div>
                <div class="un1">
                    <div class="a">
                        <h3>09</h3>
                    </div>
                    <div class="b">
                        <img src="img/图片7.png" alt="">
                    </div>
                    <div class="c">
                       <h3>我的女友是机器人</h3>
                    </div>
                    <div class="d">
                     投票
                    </div>
                </div>
                <div class="un1">
                    <div class="a">
                        <h3>10</h3>
                    </div>
                    <div class="b">
                        <img src="img/图片9.png" alt="">
                    </div>
                    <div class="c">
                       <h3>狙击手</h3>
                    </div>
                    <div class="d">
                     投票
                    </div>
                </div>
            </div>
            <div class="u2">
                <div class="un1">
                    <div class="a">
                        <h3>11</h3>
                    </div>
                    <div class="b">
                        <img src="img/图片8.png" alt="">
                    </div>
                    <div class="c">
                       <h3>奇门遁甲</h3>
                    </div>
                    <div class="d">
                     投票
                    </div>
                </div>
                <div class="un1">
                    <div class="a">
                        <h3>12</h3>
                    </div>
                    <div class="b">
                        <img src="img/图片5.png" alt="">
                    </div>
                    <div class="c">
                       <h3>我在时间尽头等你</h3>
                    </div>
                    <div class="d">
                     投票
                    </div>
                </div>
            </div>
    
        </div>
    </div>
</body>
</html>